<section>
	<h3>display: flex;</h3>
	<div class="wrap" id="container" data-style="display: flex; align-items: flex-end; justify-content: space-around; width: 500px; padding: 20px;">
		<div class="wrap" data-style="display: flex; flex-direction: column;">
			<span class="item">a1</span>
		</div>
		<div class="wrap" data-style="display: flex; flex-direction: column;">
			<span class="item">b1</span>
			<span class="item">b2</span>
		</div>
		<div class="wrap" data-style="display: flex; flex-direction: column;">
			<span class="item">c1</span>
			<span class="item">c2</span>
			<span class="item">c3</span>
		</div>
	</div>
</section>
